<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="/Public/css/bootstrap.min.css" rel="stylesheet">
    <script src="/Public/js/jquery-1.11.1.min.js"></script>
    <script src="/Public/js/bootstrap.min.js"></script>
    <style>
        /*重置*/
        html,body,ul,ul li{margin: 0;padding: 0;border:0;}
        ul{list-style: none;}
        ul a{display: block;text-decoration: none;}
        ul a:hover{text-decoration: underline;}

        .bj{
            background: url(/test/xiangmu/images/fivebj.png) center no-repeat;
            height: 1300px;
            position: relative;
        }
        .a{
            position: absolute;
            top:50%;
            left: 50%;
            margin-left: -560px;
            margin-top: -225px;
        }
        .b{
            position: absolute;
            top:50%;
            left: 50%;
            margin-left: -595px;
            margin-top: -183px;
        }
        .c{
            position: absolute;
            top:50%;
            left: 50%;
            margin-left: -600px;
            margin-top: -140px;
        }
        .d{
            position: absolute;
            top:50%;
            left: 50%;
            margin-left: -600px;
            margin-top: -100px;
        }
        .e{
            position: absolute;
            top:50%;
            left: 50%;
            margin-left: -590px;
            margin-top: -55px;
        }
        .f{
            position: absolute;
            top:50%;
            left: 50%;
            margin-left: -590px;
            margin-top: -15px;
        }
        .g{
            position: absolute;
            top:50%;
            left: 50%;
            margin-left: -590px;
            margin-top: 25px;
        }
        .color{
            color: white;
        }
    </style>
</head>
<body>
    <div class="bj">
        <div style="position: absolute;top: 50%;left: 50%;margin-top: -600px;margin-left: -500px">
            <span><a href="{:U('/Xm/xinwen')}" class="color">新闻</a></span>
            <span><a href="{:U('/Xm/x1')}" class="color">页面1</a></span>
            <span><a href="{:U('/Xm/x2')}" class="color">页面2</a></span>
            <span><a href="{:U('/Xm/x3')}" class="color">页面3</a></span>
            <span><a href="{:U('/Xm/x4')}" class="color">页面4</a></span>
            <span><a href="{:U('/Xm/x5')}" class="color">页面5</a></span>
        </div>
        <div class="a"><a href="" style="font-size: 14px;color: #ffec20">首页</a></div>
        <div class="b"><a href="" style="font-size: 14px;color: #ffec20">嘉年华游园须知</a></div>
        <div class="c"><a href="" style="font-size: 14px;color: #ffec20">嘉年华新枪&家具</a></div>
        <div class="d"><a href="" style="font-size: 14px;color: #ffec20">嘉年华特定作战</a></div>
        <div class="e"><a href="" style="font-size: 14px;color: #ffec20">指挥官征召令</a></div>
        <div class="f"><a href="" style="font-size: 14px;color: #ffec20">战地之声二期</a></div>
        <div class="g"><a href="" style="font-size: 14px;color: #ffec20">嘉年华主会场</a></div>
    </div>
</body>
</html>